<template>
  <div class="box">
      <Ordersearch  class="header"> </Ordersearch >
      <div class="content">
        <Ordergoodtype class="goodtypes"> </Ordergoodtype>
      </div>
      <Orderfooter class="footer"> </Orderfooter>
  </div>
</template>

<script>
import Ordersearch from "../../components/Menus/OrderMenu-search.vue";
import Ordergoodtype from "../../components/Menus/OrderMenu-goodtype.vue";
import Orderfooter from "../../components/Menus/OrderMenu-footer.vue";
export default {
  name: "Menu",
  components: {
      Ordersearch,Ordergoodtype, Orderfooter
  }
};
</script>

<style scoped>
.header {
  width: 375px;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: #fff;
}
.content {
  width: 375px;
  height: 1500px;
  margin-top: 160px;
}
.goodtypes{
  width: 375px;
}
.footer {
  width: 375px;
  position: fixed;
  bottom: 0;
  z-index: 999;

}
</style>